<?php
include "includes/ui.php";

echo headerHTML("account","แผนการชำระเงิน");
?> 
<!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> จัดการแผนการรับชำระเงิน</h3>
        </div>
		<form class="form-horizontal" style='margin-bottom:0px;'>
        <div class="modal-body">
				<div class="control-group">
						<label class="control-label" for="inputName" style="font-weight:bold;"><i class="icon-double-angle-right"></i> รหัสแผน</label>
						<div class="controls">
						  <input type="text" id="txtCode" class='span2' maxlength="10" required>
						</div>
				</div>
				 <div class="control-group">
						<label class="control-label" for="inputName" style="font-weight:bold;"><i class="icon-double-angle-right"></i> ปีการศึกษา</label>
						<div class="controls">
							 <select class="no-margin" id="cboYear" style="width:120px !important;">
							<option value="2556" selected>2556</option>
							<option value="2557" >2557</option>
							</select>
						   &nbsp;&nbsp; <span class="help-inline" style="font-weight:bold;">ภาคเรียน</span>
							<input type="text" id="txtTerm"   maxlength="1" required class="span1 txtamt">
						</div>
				</div>
			
				<div class="control-group">
						<label class="control-label" for="inputName" style="font-weight:bold;"><i class="icon-double-angle-right"></i> ชื่อแผนการ</label>
						<div class="controls">
							 <input type="text" id="txtName" class='span3' required placeholder="ชื่อแผน">
						</div>
				</div>
				<div style="padding:5px;">
				  <input type="text" id="txtList" maxlength="50" class='span3' placeholder="รายการ">
				  <input type="text" id="txtAmount" maxlength="7" class='span2 text-right txtamt' placeholder="จำนวนเงิน">
				  <button class="btn btn-inverse" type='button' id='btnAddList'>เพิ่ม</button>
				</div>
				 <div class="well no-padding">

					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_detail" style='width:100% !important;'>
		              <thead>
		                <tr>
		                  <th style='width:40px !important;'>#</th>
		                  <th class='text-left'>รายการ</th>
		                  <th style='width:120px !important;'>จำนวนเงิน</th>
						  <th style='width:50px !important;'>ลบ</th>
		                </tr>
		              </thead>
		              <tbody>
		              </tbody>
		            </table>
					<!-- / Add News: WYSIWYG Edior -->

				</div> 
        </div>

        <div class="modal-footer">
            <button type='submit' class="btn btn-primary hidden_control" id="btnConfirm">บันทึก</button>
            <button class="btn" data-dismiss="modal" id='btnCancel' aria-hidden="true">ยกเลิก</button>
        </div>
</form>	
</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> แผนการรับชำระเงิน</h3>
			   <div class='tmp' style='float:right'>
                  <a href="#popup" data-toggle="modal"><button class="btn btn-info" rel="tooltip" id='btnAdd'  data-original-title="เพิ่มข้อมูลใหม่" tooltip="Add">สร้างรายการ</button></a>
            </div>
        </div>
        <!-- /  : Top Bar -->



        <!-- Pie: Content -->
        <div class="well no-padding">
			<div class="span12">
				<div class="row-fluid">
					<div class='span12'>
					<form class="form-horizontal" style='margin-bottom:0px;'>
					<div class="control-group" >
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i>ปีการศึกษา</label>
								<div class="controls">
									<select class="no-margin span8" id="cboYear_S" style="width:150px !important;">
									<option value="0" >แสดงทั้งหมด</option>
									<option value="2556" selected>2556</option>
									<option value="2557" >2557</option>
									</select>
									<span class="help-inline" style="font-weight:bold;margin-left:50px;">ภาคเรียน</span>
									&nbsp;&nbsp;<input type="text" id="txtTerm_S" placeholder="1" class="span1 txtamt" />
								</div>
					 </div>
					<div class="control-group">
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i>รหัสแผน</label>
								<div class="controls">
									<input type="text" id="txtCode_S" class="span2" placeholder="56XX">
									<span class="help-inline" style="font-weight:bold;margin-left:50px;">ชื่อแผน</span>
									&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="txtName_S" placeholder="ชื่อแผน" class="span3" /> 
									<button class="btn btn-inverse" id="btnSearch" type="button" style='height:30px;margin-left:50px;margin-top:0px;padding-top:0px;' rel="tooltip" title=""   data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
								</div>
					 </div>
					</form>
					</div>
					 
				</div>
			</div>
            <table class="data-table" id="resultData">
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:30px !important;' class="text-left">#</th>
						<th style='color:#333 !important;width:0px !important;'></th>
						<th style='color:#333 !important;width:90px !important;' class="center">ปีการศึกษา</th>
						<th style='color:#333 !important;width:90px !important;' class="center">ภาคเรียน</th>
						<th style='color:#333 !important;width:120px !important;' class='center'>รหัสแผน</th>
                        <th style='color:#333 !important;' class='text-center'>ชื่อแผนการ</th>
                        <th style='color:#333 !important;width:60px !important;' class="center">แก้ไข </th>
						<th style='color:#333 !important;width:60px !important;' class="center">ลบ </th>
                    </tr>
                </thead>
                <tbody>
                    <!--tr class="odd gradeX">
                        <td>1</td>
						<td  class='center'>2556</td>
						<td  class='center'>1</td>
						<td  class='center'>5610001</td>
						<td class='left'>ค่าธรรมการเรียน</td>
						<td class="center"><img src='img/edit-file.png' style='cursor:pointer;'/></td>
						<td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                    <tr class="even gradeC">
                         <td>2</td>
						 <td  class='center'>2556</td>
						<td  class='center'>1</td>
							<td  class='center'>5610002</td>
						<td class='left'>ค่าอุปกรณ์เทอม 1</td>
						<td class="center"><img src='img/edit-file.png' style='cursor:pointer;'/></td>
						<td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
				 
                    <tr class="odd gradeX">
                         <td>3</td>
						 <td  class='center'>2556</td>
						<td  class='center'>1</td>
						<td  class='center'>5610003</td>
						<td class='left'>ค่าพัฒนาการศึกษา เทอม 1</td>
						<td class="center"><img src='img/edit-file.png' style='cursor:pointer;'/></td>
						<td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                     <tr class="even gradeC">
                          <td>4</td>
						  <td  class='center'>2556</td>
						<td  class='center'>1</td>
					<td  class='center'>5610004</td>
						<td class='left'>ค่าอุปกรณ์แรกเข้า ปี 2556</td>
						<td class="center"><img src='img/edit-file.png' style='cursor:pointer;'/></td>
						<td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
				 
                    <tr class="odd gradeX">
                            <td>5</td>
							<td  class='center'>2556</td>
						<td  class='center'>1</td>
						<td  class='center'>5610005</td>
						<td class='left'>ค่าเรียนพิเศษเย็น</td>
						<td class="center"><img src='img/edit-file.png' style='cursor:pointer;'/></td>
						<td class="center"><img src='img/delete-file.png'/></td>
                    </tr-->
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/myScript/js_plan.js"></script>


</html>